<template>
	 <page-meta :root-font-size="`${fontSize}px`"></page-meta>
	<view>
		<view class="order-content">
			<!-- 主任务信息 -->
			<view style="margin-bottom: 40rpx;">
				<view class="detail-title">
					<text>反馈详情</text>
				</view>
				<view v-if="detail.content" class="content-item">
					<text class="item-name">反馈内容：</text>
					<view class="right-content">{{ detail.content }}</view>
				</view>
				<view v-if="detail.eventTime" class="content-item">
					<text class="item-name">反馈时间：</text>
					<view class="right-content">{{ detail.eventTime }}</view>
				</view>
				<view class="content-item">
					<text class="item-name">反馈状态：</text>
					<view class="right-content">{{ detail.status }}</view>
				</view>
				<view v-if="detail.finisherName" class="content-item">
					<text class="item-name">办结人：</text>
					<view class="right-content">{{ detail.finisherName }}</view>
				</view>
				<view v-if="detail.finishTime" class="content-item">
					<text class="item-name">办结时间：</text>
					<view class="right-content">{{ detail.finishTime }}</view>
				</view>
				<view v-if="detail.inspectWorkerName" class="content-item">
					<text class="item-name">验房人员：</text>
					<view class="right-content">{{ detail.inspectWorkerName }}</view>
				</view>
				<image-viewer v-model="detail.inspectAccessory"></image-viewer>
					
			</view>
			

		</view>

	</view>
</template>

<script>
	import imageViewer from '@/myComponents/imageViewer.vue'
	import { mapState } from 'vuex'
	export default {
		computed: {
			...mapState(['fontSize'])
		},
		components: {
			imageViewer
		},
		data() {
			return {
				detail: {}
			}
		},
		onLoad(options) {
			this.getDetail(+options.id)
		},
		methods: {
			getDetail(id) {
				uni.showLoading()
				this.$http2.post('/smart/feedback/info', {
					id
				}).then(res => {
					if (res.code === 10000) {
						this.detail = res.data
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	@import '../../style/info.scss';
</style>
